*{
    box-sizing: border-box;
}
/*header{*/
/*    background: linear-gradient(to bottom, #ffffff 0%, #dae1e9 100%);*/
/*    height: 100%;*/
/*}*/
.wrapper{
    width: 1170px;
    margin: 0 auto;
}
/*---------------------------------header-----------*/
.header{
    border-bottom: 2px solid #0c1312;
    padding: 6px 0;
}
.head-left,.nav li{
    float: left;
}
.head-right{
    float: right;
}
.nav{
    padding-top: 20px;
    position: relative;
}
.nav li{
    padding: 0 6px;
}
.nav li a{
    background: #0a53be;
    border-radius: 5px;
    padding: 3px;
}
.nav li:nth-child(1){
    padding-right: 20px;
    margin-top: 5px;
}
.nav li:nth-child(2) a,.nav li:nth-child(3) a,.nav li:nth-child(4) a{
    color: #f0f0f0;
    box-shadow: 2px 2px 5px #0a53be;
}
/**/
.header-nav{
    background: #F0F2F0;
    box-shadow: 0 4px 6px #F0F2F0;
    width: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 1000;
}
.head-nav a{
    float: left;
    margin: 10px 5px 10px 0;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #0a53be;
    background: #0a53be;
    color: #f0f0f0;
}
.se-nav,.se-ipt{
    float: left;
}
.search,.se-btn{
    float: right;
}
.search{
    margin-top: 5px;
}
.se-ipt input{
    width: 200px;
    height: 38px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 7px;
    outline: 0;
    border: 0;
    border-top: 1px solid #0a53be;
    border-bottom: 1px solid #0a53be;
    border-left: 1px solid #0a53be;
}
.se-btn button{
    background: #0a53be;
    border: 0;
    padding: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*-------------------------header----------------------*/
/*-------------------------main----------------------*/

.banner{
    position: relative;
    height: 100%;
}
.banner{
    background: #eee;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: flex;
}
.swiper-slide a img{
    height: 500px;
    width: 1263px;
}
.brand{
    margin-top: 30px;
}

.brand h4,.shop li{
    float: left;
}
.shop li{
    height: 247px;
    margin: 15px;
    padding: 20px 15px 5px 15px;
    box-shadow: 1px 1px 5px #cccccc;
}
.shop li a img{
    width: 174px;
    height: 135px;
}
.sh-con p,.sh-con p:nth-child(2) em{
    width: 168px;
    color: #9b9b9b;
}
.sh-con p:nth-child(2){
    color: orangered;
}
.sh-con p:nth-child(2) em{
    font-size: 12px;
    text-decoration: line-through;
}
.sh-con p:nth-child(3){
    font-size: 14px;
    color: #0c1312;
}
/*-------------------------main----------------------*/
/*-------------------------footer----------------------*/

footer{
    background: linear-gradient(to top, rgb(0, 0, 0), rgb(67, 67, 67));
    width: 100%;
}
.footer{
    padding: 15px 0;
    margin-top: 50px;
}
.foot-left{
    float: left;
}
.foot-right{
    float: right;
}
.footer p{
    color: #f0f0f0;
}
/*-------------------------footer----------------------*/
/*commodity*/
.main-left a{
    padding: 15px;
    border: 1px solid rgba(0,0,0,.05);
}
.commodity{
    margin-top: 20px;
}
.main-left{
    float: left;
}
.main-right{
    float: right;
    padding-right: 80px;
}
.main-left a img{
    width: 400px;
    height: 300px;
}
.main-right h2{
    font-size: 16px;
}
.main-right p{
    color: orangered;margin-top: 5px;
}
.dity{
    color: #9b9b9b;
}
.dity input{
    outline: 0;
    width: 50px;
    height: 30px;
    border: 1px solid #9b9b9b;
    padding-left: 5px;
    margin-top: 10px;
}
.left-but{
    float: left;
    background: #0a53be;
}
.right-but{
    float: right;
    background: red;
}
.ri-but button{
    width: 150px;
    height: 50px;
    margin: 50px 20px 10px 0px;
    color: #fff;
    font-size: 18px;
}
.conter{
    width: 900px;
    margin: 0 auto;
}


